import React from 'react'
import { hashHistory } from 'react-router'
import CommonHeader from 'COMPONENT/CommonHeader';
import { Icon, List, WhiteSpace } from 'antd-mobile';
import './index.less'
// ========================================

let ListItem = List.Item;
class UserInfo extends React.Component {
    render() {
        let infoArr = [
            [
                { value: '个人主页', info: '' },
                { value: '身份认证', info: '李某' },
                { value: '手机账号', info: '138******90' },
                { value: '我的邮箱', info: '98995@qq.com' }
            ],
            [
                { value: '收货地址', info: '' },
                { value: '我的发票抬头', info: '' }
            ],
            [
                { value: '我的收藏', info: '' },
                { value: '邀请有礼', info: '' }
            ]
        ];
        let resultArr = [];
        for (var key in infoArr) {
            resultArr.push(<div>
                <List>
                    {
                        infoArr[key].map((item) => {
                            return (
                                <ListItem extra={item.info}>{item.value}</ListItem>
                            )
                        })
                    }
                </List>
                <WhiteSpace size="lg" />
            </div>);
        }
        return (
            <div className="info-box">
                <CommonHeader 
					name='用户信息'					
					leftContentTitle="@back" 
					leftContent='返回'

				/>
				<div style={{height:'.9rem'}}></div>
                <WhiteSpace size="sm" />
                <div id="infoList">
                    {resultArr}
                </div>
            </div>
        );
    }
}
// ========================================
export default UserInfo;